<template>
  <div class="left-container">
    <h3>Left 组件</h3>
    <hr />

    <p>count 值：{{ $store.state.count }}</p>
    <!-- 不要在组件中直接修改state数据,这种操作在Vuex中是命令禁止的 -->
    <!-- 如果要修改state中的数据,必须通过mutation来修改 -->
    <button @click="$store.commit('add', 50)" class="btn btn-primary">
      +50
    </button>
    <button @click="addBtn({num:-5})"  class="btn btn-danger btn-md">-5</button>
  </div>
</template>

<script>
import { mapMutations } from "vuex";
export default {
  name: "Left",
  methods: {
    ...mapMutations(["addBtn"]),
  },
};
</script>

<style>
</style>
